Created: 2014 27 March
By: IncisiveStudio
Mail: Support@IncisiveStudio.com
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
for installation and use you should know structure of this file . in buttom you can see Html structur :
<div class="ImageWrapper"> <img src="Your_Image.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="Buttons StyleH"> <span class="white-rounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="white-rounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
.ImageWrapper .ImageOverlayH { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom: 0; display: block; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease 0s; width: 100%; } .ImageWrapper:hover .ImageOverlayH { opacity: 1; } .ImageWrapper .StyleH { visibility: hidden; margin: 0; opacity: 0; position: absolute; text-align: center; width: 100%; top: 50%; margin-top: -20px; } .ImageWrapper:hover .StyleH { opacity: 1; visibility: visible; }
Installation is very easy . before installation Recommended install FontAwesome,
for grab this pligin you just need go here and follow structure for install this plugin . after that, for installation this css file insert this code before tag </head> in your index.html .
<link rel="stylesheet" href="css/sinister.css"> <link rel="stylesheet" href="css/font-awesome.min.css">
Step one
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> </div>
Step two : Add Overlay Tag
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> </div>
Step three : Add Hover Style & Buttons
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
Final : After Installation Your Code Shoud Be Like This :
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#1
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#2
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleHe"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#3
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleLi"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#4
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleBe"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#5
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleB"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#6
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleC"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#7
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleN"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#8
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleO> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#9
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleF"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#10
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleNe"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#11
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleNa"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#12
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleMg"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#13
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleAl"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#14
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleSi"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#15
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleP"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#16
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleS"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#17
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleCl"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#18
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleAr"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#19
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleK"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#20
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleCa"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#21
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleSc"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-video-camera"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#22
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleTi"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-video-camera"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#23
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleV"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-video-camera"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#1
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="CStyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#2
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="CStyleHe"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#3
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="CStyleLi"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#4
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="CStyleBe"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#5
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="CStyleB"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#6
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="CStyleC"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#1
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayH"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#2
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayHe"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#3
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayLi"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#4
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayBe"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#5
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayB"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#6
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayC"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#7
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayN"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#8
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayO"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#9
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayF"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#10
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayNe"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#11
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayNa"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#12
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayMg"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#13
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayAl"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#14
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlaySi"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#15
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayP"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#16
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayS"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#17
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayCl"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#18
<div class="ImageWrapper"> <img src="YourImage.jpg" alt=""> <div class="ImageOverlayAr"></div> <div class="StyleH"> <span class="WhiteRounded"><a href=""><i class="fa fa-search"></i></a> </span> <span class="WhiteRounded"><a href=""><i class="fa fa-link"></i></a> </span> </div> </div>
#1
<div class="ImageWrapper"> <a href=""> <img class="img-responsive" src="assets/images/BackGroundFour.png" alt=""> <div class="PStyleH"></div> </a> </div>
#2
<div class="ImageWrapper"> <a href=""> <img class="img-responsive" src="assets/images/BackGroundFour.png" alt=""> <div class="PStyleHe"></div> </a> </div>
#3
<div class="ImageWrapper"> <a href=""> <img class="img-responsive" src="assets/images/BackGroundFour.png" alt=""> <div class="PStyleLi"></div> </a> </div>
#4
<div class="ImageWrapper"> <a href=""> <img class="img-responsive" src="assets/images/BackGroundFour.png" alt=""> <div class="PStyleBe"></div> </a> </div>
#5
<div class="ImageWrapper"> <a href=""> <img class="img-responsive" src="assets/images/BackGroundFour.png" alt=""> <div class="PStyleB"></div> </a> </div>
#6
<div class="ImageWrapper"> <a href=""> <img class="img-responsive" src="assets/images/BackGroundFour.png" alt=""> <div class="PStyleC"></div> </a> </div>
#7
<div class="ImageWrapper"> <a href=""> <img class="img-responsive" src="assets/images/BackGroundFour.png" alt=""> <div class="PStyleN"></div> </a> </div>
#8
<div class="ImageWrapper"> <a href=""> <img class="img-responsive" src="assets/images/BackGroundFour.png" alt=""> <div class="PStyleO"></div> </a> </div>
#9
<div class="ImageWrapper"> <a href=""> <img class="img-responsive" src="assets/images/BackGroundFour.png" alt=""> <div class="PStyleF"></div> </a> </div>
#10
<div class="ImageWrapper"> <a href=""> <img class="img-responsive" src="assets/images/BackGroundFour.png" alt=""> <div class="PStyleNe"></div> </a> </div>
#1
<div class="ImageWrapper BackgroundS"> <img class="img-responsive" src="assets/images/BackGroundThree2.png" alt=""> </div>
#2
<div class="ImageWrapper BackgroundRS"> <img class="img-responsive" src="assets/images/BackGroundThree2.png" alt=""> </div>
#3
<div class="ImageWrapper BackgroundRR"> <img class="img-responsive" src="assets/images/BackGroundThree2.png" alt=""> </div>
#4
<div class="ImageWrapper BackgroundR"> <img class="img-responsive" src="assets/images/BackGroundThree2.png" alt=""> </div>
#5
<div class="ImageWrapper BackgroundF"> <img class="img-responsive" src="assets/images/BackGroundThree2.png" alt=""> </div>
#6
<div class="ImageWrapper BackgroundFS"> <img class="img-responsive" src="assets/images/BackGroundThree2.png" alt=""> </div>
#7
<div class="ImageWrapper BackgroundFRS"> <img class="img-responsive" src="assets/images/BackGroundThree2.png" alt=""> </div>
#8
<div class="ImageWrapper GrayScale"> <img class="img-responsive" src="assets/images/BackGroundThree2.png" alt=""> </div>
#1
<div class="ImageWrapper ContentWrapperH chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentH"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#2
<div class="ImageWrapper ContentWrapperHe chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentHe"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#3
<div class="ImageWrapper ContentWrapperLi chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentLi"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#4
<div class="ImageWrapper ContentWrapperBe chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentBe"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#5
<div class="ImageWrapper ContentWrapperB chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentB"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#6
<div class="ImageWrapper ContentWrapperC chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentC"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#7
<div class="ImageWrapper ContentWrapperN chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentN"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#8
<div class="ImageWrapper ContentWrapperO chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentO"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#9
<div class="ImageWrapper ContentWrapperF chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentF"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> </div>
#10
<div class="ImageWrapper ContentWrapperNe chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentNe"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> </div>
#11
<div class="ImageWrapper ContentWrapperNa chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentNa"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> </div>
#12
<div class="ImageWrapper ContentWrapperMg chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentMg"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> </div>
#13
<div class="ImageWrapper ContentWrapperAl chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentAl"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#14
<div class="ImageWrapper ContentWrapperSi chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentSi"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#15
<div class="ImageWrapper ContentWrapperP chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentP"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#16
<div class="ImageWrapper ContentWrapperS chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentS"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#17
<div class="ImageWrapper ContentWrapperCl chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentCl"> <div class="Content"> <h2> Lorem Ipsum Dolor Sit Amet </h2> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#18
<div class="ImageWrapper ContentWrapperAr chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentAr"> <div class="Content"> <h2> Lorem Ipsum Dolor Sit Amet </h2> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#19
<div class="ImageWrapper ContentWrapperK chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentK"> <div class="Content"> <ul> <li><a href="#"><i class="fa fa-rss-square"></i></a></li> <li><a href="#"><i class="fa fa-flickr"></i></a></li> <li><a href="#"><i class="fa fa-instagram"></i></a></li> <li><a href="#"><i class="fa fa-twitter-square"></i></a></li> <li><a href="#"><i class="fa fa-linkedin-square"></i></a></li> </ul> </div> </div> </div>
#20
<div class="ImageWrapper ContentWrapperCa chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentCa"> <div class="Content"> <ul> <li><a href="#"><i class="fa fa-rss-square"></i></a></li> <li><a href="#"><i class="fa fa-flickr"></i></a></li> <li><a href="#"><i class="fa fa-instagram"></i></a></li> <li><a href="#"><i class="fa fa-twitter-square"></i></a></li> <li><a href="#"><i class="fa fa-linkedin-square"></i></a></li> </ul> </div> </div> </div>
#21
<div class="ImageWrapper ContentWrapperSc chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentSc"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#22
<div class="ImageWrapper ContentWrapperTi chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentTi"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore</a> </div> </div> </div> </div>
#1
<div class="ImageWrapper ContentWrapperH chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentH TWhite"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore </div> </div> </div> </div>
#2
<div class="ImageWrapper ContentWrapperH chrome-fix"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="ContentH TBlack"> <div class="Content"> <h2> Lorem Ipsum </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <div class="ReadMore"> <a href="#">ReadMore </div> </div> </div> </div>
#1
<div class="ImageWrapper"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="RibbonCTL"> <span class="Sign"><a href=""><i class="fa fa-heart"></i></a> </span> <span class="Triangle"></span> </div> </div>
#2
<div class="ImageWrapper"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="RibbonCTR"> <span class="Sign"><a href=""><i class="fa fa-heart"></i></a> </span> <span class="Triangle"></span> </div> </div>
#3
<div class="ImageWrapper"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="RibbonCBL"> <span class="Sign"><a href=""><i class="fa fa-heart"></i></a> </span> <span class="Triangle"></span> </div> </div>
#4
<div class="ImageWrapper"> <img class="img-responsive" src="assets/images/***.jpg" alt=""> <div class="RibbonCBR"> <span class="Sign"><a href=""><i class="fa fa-heart"></i></a> </span> <span class="Triangle"></span> </div> </div>
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Incisive Studio